<template>
  <div class="chart-container">
          <div class='chart-top'>1111</div>
          <div class='chart-bottom'>1111</div>
  </div>
</template>

<script>
export default {
  name: "demoTwo",
  filters: {},
  data() {
    return {
     
    };
  },
  created() {},
  mounted() {
    //this.getList();
  },
  methods: {
     
  }
};
</script>

<style lang="scss" scoped>
.chart-container {
  position: relative;
  width: 100%;
  height: calc(100vh - 84px);
 
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 20px 0 10px;
  .chart-top{
      display: flex;
      flex: 1;
      background: red;
  }
  .chart-bottom{
     display: flex;
     flex: 1;
     background: pink;
  }


}
</style>
